<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org" >
<!--角色添加-->
<head th:include="frame/fm/res :: headerTableCss">
    <meta charset="UTF-8"/>
</head>
<body>
    <div class="page-wrapper"  style="width: 100%;height: 100%;">
        <div class="container-fluid">
            <!--<span th:replace="frame/fm/res :: breadcrumb"></span>-->
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-wrap">
                        <form onsubmit="return addRole.commitAdd(this);" action="#" class="form-horizontal">
                            <div class="form-body">
                                <hr class="light-grey-hr"/>
                                <div class="row">
                                    <div class="col-md-6" style="width: 80%;">
                                        <div class="form-group">
                                            <label class="control-label col-md-3">角色名称</label>
                                            <div class="col-md-9">
                                                <input type="text" class="form-control" id="roleName" onblur="addRole.isRoleName()" onfocus="addRole.clearSpan()"/>
                                            </div>
                                            <span class="col-md-12" style="color: red;top: 5px; left:200px;" id="ts"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6" style="width: 80%;">
                                        <div class="form-group">
                                            <label class="control-label col-md-3">角色简介</label>
                                            <div class="col-md-9">
                                                <textarea class="form-control" rows="5" id="roleArea" maxlength="63" style="resize: none"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6" style="width: 80%;">
                                        <div class="form-group">
                                            <label class="control-label col-md-3">是否开启</label>
                                            <div class="col-md-9">
                                                <div class="switch" data-on="success" data-off="warning" id="addSwitch">
                                                    <input type="checkbox" data-on-text="开启" data-off-text="关闭" checked="true"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions mt-10">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col-md-offset-8 col-md-12">
                                                <button type="submit" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-heart-com"></i></button>
                                                <button type="button" id="clo" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-shield-qx"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6"> </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/role/js/addRole.js'"></script>
</html>